<template>
  <div class="all">
    <!-- {{getFindByStatusData}}
    <hr />-->
    <div class="list" v-for="(item,index) in Object.keys(getFindByStatusData)" :key="index">
      <div class="num">{{getFindByStatusData[item]}}</div>
      <div class="fon">{{item}}</div>
    </div>
  </div>
</template>
<script>
import echarts from 'echarts'
export default {
  props: ['alldata', 'getFindByStatusData'],
}
</script>
<style lang="scss" scoped>
.all {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  .list {
    width: 33%;
    // height: 50%;
    display: flex;
    flex-direction: column;
    margin: 30px 0;
    // background: darkolivegreen;
    .num {
      /*  display: flex;
      justify-content: center;
      align-items: center;
      flex: 3; */
      text-align: center;
      margin-bottom: 10px;
      color: #1592df;
      font-size: 22px;
    }
    .fon {
      // flex: 2;
      color: #434343;
      text-align: center;
      font-size: 14px;
    }
  }
}
</style>
